<script setup>
import { onBeforeMount, ref } from "vue"
import warehouseMapRow from "./warehouseMapRow.vue"
import { useInitMapNodes } from "./useInitMap.js"
import { map } from "./map.js"
const { nodes } = useInitMapNodes(map["nodes"])
console.log("🚀 ~ nodes:", nodes)
</script>

<template>
  <warehouseMapRow
    v-for="(item, index) in nodes"
    :key="item['row']"
    v-bind="item"
    :isFirstRow="index === 0"
    :isLastRow="index === nodes.length - 1"
  >
  </warehouseMapRow>
</template>

<style scoped>
.read-the-docs {
  color: #888;
}
</style>
